<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>jQuery UI Menu Test Suite</title>

	<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css" title="ui-theme" />

	<script type="text/javascript" src="../../../jquery-1.4.4.js"></script>
	<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
	<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
	<script type="text/javascript" src="../../../ui/jquery.ui.menu.js"></script>

	<link rel="stylesheet" href="../../../external/qunit.css" type="text/css"/>
	<script type="text/javascript" src="../../../external/qunit.js"></script>
	<script type="text/javascript" src="../../jquery.simulate.js"></script>
	<script type="text/javascript" src="../testsuite.js"></script>

	<script type="text/javascript">

		function log(message,clear) {
			if (clear && clear === true) {
				$("#log").html("");
			}
			if ( message === undefined ) {
				message = $("#log").data("lastItem");
			}
			$("#log").prepend( message + "," );
		}
		function clickMenu(menu,item) {
			$("#log").data("lastItem",item);
			$('li:eq(' + item + ') a',menu).trigger("click");
		}
	

	</script>
	<script type="text/javascript" src="menu_core.js"></script>
	<script type="text/javascript" src="menu_defaults.js"></script>
	<script type="text/javascript" src="menu_events.js"></script>
	<script type="text/javascript" src="menu_methods.js"></script>
	<script type="text/javascript" src="menu_options.js"></script>
	<script type="text/javascript" src="menu_tickets.js"></script>

	
	<style>
		#main { font-size: 10pt; font-family: 'trebuchet ms', verdana, arial; }
		#list, #list1 *, #navigation, #navigation * { margin: 0; padding: 0; font-size: 12px; }
		.mainOnMoon {position: absolute; top: -10000px; left: -10000px;}
	</style>
</head>
<body>

<h1 id="qunit-header">jQuery UI Menu Test Suite</h1>
<h2 id="qunit-banner"></h2>
<h2 id="qunit-userAgent"></h2>
<ol id="qunit-tests">
</ol>


<div id="main" class="mainOnMoon">

<ul class="foo" id="menu1">
	<li class="foo"><a class="foo" href="#">Aberdeen</a></li>
	<li class="foo"><a class="foo" href="#">Ada</a></li>
	<li class="foo"><a class="foo" href="#">Adamsville</a></li>
	<li class="foo"><a class="foo" href="#">Addyston</a></li>
	<li class="foo"><a class="foo" href="#">Adelphi</a></li>
</ul>
<div id="log"></div>

</div>

</body>
</html>
